<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
          name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <title>商品详情</title>
    <meta content="#准了app#实体商城商品详情" name="description">
</head>
<style>
    * {
        padding: 0;
        margin: 0;
        border: none;
    }

    table.altrowstable {
        font-family: verdana,arial,sans-serif;
        font-size:11px;
        color:#333333;
        border-width: 1px;
        border-color: #a9c6c9;
        border-collapse: collapse;
    }
    table.altrowstable th {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #a9c6c9;
    }
    table.altrowstable td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #a9c6c9;
    }

</style>
<body>
<img src="{$arr['icon']}" alt="" style="background-color: #00d1c8;width: 100%;height: 400px;">
<div style="width: 100%;height: 20%;margin-bottom: 50px;">
    <div style="width: 50%;height: 100%;float: left"><h4>{$arr['name']}</h4></div>
    <div style="width: 50%;height: 100%;float: right;text-align: right">
        <p style="color: #ff8855;font-weight: bold">￥{$arr['now_price']}</p>
        <div style="font-size: 10px"><span>原价</span><span style="color: #ff8855;text-decoration:line-through">￥{$arr['now_price']}</span></div>
    </div>
</div>
<div style="width: 100%;height: 25%">
    {if $arr['des']}
    <table class="altrowstable" style="margin: auto;">
        <tr>
            <th>功能</th>
        </tr>
        <tr>
            <td>{$arr['des']}</td>
        </tr>
    </table>
    {/if}
</div>
<div>
    {if $arr['photo']}
    <img src="{$arr['photo']}" alt="" style="background-color: #00d1c8;width: 100%;">
    {else/}
    <div style="height: 100%;width: 100%;overflow-y: hidden;font-size: 0px">
        {foreach $arr['photos'] as $k => $v}
        <img alt="Responsive image" class="img-responsive" src="{$v}" style="height: auto;width: 100%;">
        {/foreach}
    </div>
    {/if}
</div>
{include file="../apps/web/view/public/sensors.html" /}
</body>
</html>
